import { Caution } from '@icon-park/react'

interface IProps {
  message: string;
}

export function Error ({ message }: IProps) {
  if (!message) return null

  return (
    <div className='text-red-600 mx-12 mt-1 flex items-center justify-end'>
      <Caution theme="outline" size="18" />
      <span className='ml-1'>{message}</span>
    </div>
  )
}
